@charset "utf-8";
/* CSS Document */

body{
margin:0;
padding:0;
font:normal 12px Arial, Helvetica, sans-serif;
}

a {color:#333333;text-decoration:none;}
a:hover {color:#FF6600;text-decoration:underline;}

form {margin:0;padding:0;}

	
#content {
	background : #fafafa;
	width : 100%;
	height : 100%;
}

#head{
	background : #2b78e4;
	width : 100%;
	height : 80px;
}

#head-search{
	background : #ffe599;
	width : 100%;
	height : 40px;
}

#head-body{
	margin: 0 auto;
	background : #2b78e4;
	width : 1024px;
	height : 80px;
}
#search-body{
	margin: 0 auto;
	background : #FFE599;
	width : 1024px;
	height : 40px;
}
#search-content{
	margin: 0 auto;
	padding-top:10px;
	background : #FFE599;
	width : 540px;
	height : 40px;
}

#body-center{
	margin: 0 auto;
	background : #fafafa;
	width : 1024px;
	height : 750px;
	border : 2px solid #e9e9e9;
}

#body-menu{
	margin: 0 auto;
	background : #FAFAFA;
	width : 1024px;
	height : 54px;	
}

#bottom{
	margin: 0 auto;
	background : #2b78e4;
	width : 100%;
	height : 100px;
}
#footer{
	margin: 0 auto;
	background : #085394;
	width : 100%;
	height : 60px;
}

#banner{
	margin: 0 auto;
	background : #2b78e4;
	width : 1024px;
	height : 80px;
}
#logo{
	text-align:center;
	float: left;
	margin-top: 4px;
	background : #f68c5f;
	width : 100px;
	height : 72px;
}

#logo-content{
	color: #fafafa;
	font-weight:bold;
	padding-top:20px;
	font-size : 14px;
}

#banner-content{	
	float: left;
	background : #2b78e4;
	width : 924px;
	height : 80px;
	
}
#slogan {
	text-align:left;
	color: #fafafa;
	font-weight:bold;
	padding-left:10px;
	padding-top:20px;
	font-size : 20px;
}
#menu {
	float:left;
	text-align:center;
	padding-top:5px;
	padding-left:5px;
}
#menu .menu{
	float:left;
	text-align:center;
	color: #8b8b8b;
	border: 2px solid #8b8b8b;
	font-weight:bold;
	padding-top:10px;
	font-size : 14px;
	width : 140px;
	height : 30px;
}
#menu .menu:hover{
	background : #95bcf2;
}
#body-content{
	float:left;
	border: 1px solid #8b8b8b;
	padding-top:0px;
	margin-left:5px;
	height:690px;
	width:1014px;
}

#page-title{
	float:left;
	background-color :#2b78e4;
	height:50px;
	width:100%;
}

#page-content{
	float:left;
	background-color :#ebebeb;
	height:500px;
	width:100%;
}

.page-input{
	margin-top:10px;
	float:left;
	height:500px;
	width:100%;
	background-color : white;
}
.page-input .item{
	margin-left:40px;
	margin-top:15px;
}
.page-input .item .info{
	float:left;
	height:20px;
	font-weight : bold;
}
.page-input .item .input{
	width:100%;
	float:left;
	padding-bottom: 15px;
}
.page-input .item .input label{
	float:left;
	font-weight : bold;
	padding-right: 50px;
}
.page-grid{
	margin-top:10px;
	float:left;
	height:500px;
	width:100%;
	background-color : white;
}
.page-grid .paging{
	margin-top: 10px;
	margin-left: 10px;
	float:left;
	height: 30px;
	width: 990px;
}
.page-grid .paging .info{
	float:left;
	padding-left:20px;
	font-style : italic;
	width: 200px;
}
.page-grid .paging .option{
	float:right;
	width: 100px;
	padding-right:10px;
}
.page-grid .content{
	margin-left: 10px;
	border: 1px solid #8b8b8b;
	float:left;
	height:500px;
	width: 990px;
}
.page-grid .content .title{
	background-color : #5C5C5C;
	height : 40px;
	width:100%;
}
.page-grid .content .title .text{
	color: white;
	padding-left : 15px;
	padding-top : 10px;
	font-size : 14px;
	font-weight : bold;
}

.page-control{
	float:left;
	height:52px;
	width:100%;
	background-color : white;
}
.page-control .add-deal{
	float:left;
	height:52px;
	width:320px;
}
.page-control .add-deal .button{
	float:left;
	margin-top:6px;
	margin-left:10px;
	margin-right:10px;
	background-color :blue;
	height:40px;
	width:40px;
}
.page-control .add-deal .label{
	padding-top:16px;
	margin-left:10px;
	height:20px;
	width:300px;
	font-size:16px;
	font-weight : bold;
	color:#2B78E4;
}
.page-control  .filter{
	float:right;
	height:100%;
	width:500px;
}
.page-control  .filter .content{
	float:left;
	padding-top:14px;
	font-size:15px;
}
.page-control  .filter .button{
	float:left;
	padding-top:14px;
	font-size:15px;
	margin-left : 10px;
	margin-right : 10px;
}

.page-control  .filter .button a{
	color:#2B78E4;
}
.page-control  .filter .content .date-picker{
	margin-left : 10px;
	margin-right : 10px;
}
#page-title .text{
	padding-left: 10px;
	color : #FFFFFF;
	padding-top:10px;
	font-size : 24px;
	font-weight : bold;
}

#left-content{
	float:left;
	width:200px;
	height:690px;
}
#left-menu{
	float:left;
	width:200px;
	border: 2px solid #8b8b8b;
}
#left-menu-title{
	text-align:center;
	width:200px;
	height:45px;
	background : #2b78e4;
	color: #FFFFFF;
}
.left-menu-text{
	padding-top : 14px;
	padding-left:10px;
	font-size : 12px;
}
#left-content .left-menu{
	width:200px;
	height:45px;
	border: 1px solid #8b8b8b;
	background : #dddddd;
}
#left-content .left-menu:hover{
	background : #666666;
}
#left-content .left-menu-current{
	width:200px;
	height:45px;
	border: 1px solid #8b8b8b;
	background : #ff9900;
}

#left-adv{
	float:left;
	width:200px;
	margin-top:15px;
	height:250px;
	background : #dddddd;
	border: 2px solid #8b8b8b;
	font-size:20px;
	text-align:center;
}
#center-content{
	float:left;
	width:800px;
	margin-left:7px;
	height:690px;
	border: 2px solid #8b8b8b;
	
}

.sorting-list {
	float:left;
	background-color : #2b78e4;
	height : 45px;
	width:100%;
}

.sorting-list .left{
	float:left;
	width: 150px;
	color: #FFFFFF;
	padding-left : 15px;
	padding-top : 14px;
}
.sorting-list .right{
	float:right;
	width: 150px;
	padding-top : 10px;
	color: #FFFFFF;
}

.content-list {
	float:left;
	width : 100%;
}

.content-list .item {
	float:left;
	width : 100%;
	height : 120px;
	border-bottom : 2px solid #DDDDDD;
}

.content-list .item .thumbnail {
	float:left;
	width : 160px;
	height : 100px;
	padding-top: 10px;
	padding-left: 10px;
}
.content-list .item .content {
	float:left;
	width : 470px;
	height : 100px;
	margin-top:10px;
}
.content-list .item .content .title {
	float:left;
	width : 470px;
	height : 48px;
	color : #2b78e4;
	font-size : 18px;
	font-weight : bold;
}
.content-list .item .content .brand-name {
	float:left;
	width : 470px;
	height : 15px;
	color : #2b78e4;
	font-size : 14px;
	font-weight : bold;
	font-style : italic;
	padding-top: 3px;
	padding-bottom: 4px;
}
.content-list .item  .content .address {
	float:left;
	width : 470px;
	height : 15px;
	font-size : 12px;
	font-weight : bold;
	padding-bottom: 3px;
}

.content-list .item .content .info {
	float:left;
	width : 470px;
	height : 15px;
	font-size : 12px;
	color : #2b78e4;
}

.content-list .item .content span {
	padding-left : 25px;
}

.content-list .item .facebook {
	float:right;
	width : 150px;
	height : 100px;
	margin-top:10px;
}
.content-list .item .facebook .share-like {
	float:right;
	width : 100%;
	height : 100px;
	padding-right:10px;
}
.content-list .item .facebook .share-like .like {
	float:left;
	width : 65px;
	height : 75px;
	background-image: url("../images/facebook-like-button.jpg");
	background-repeat: no-repeat;

}

.content-list .item .facebook .share-like .share{
	float:left;
	width : 80px;
	height : 75px;
	margin-left:4px;
	background-image: url("../images/facebook-share-button.jpg");
	background-repeat: no-repeat;

}
.content-list .item .facebook .share-like .getcode{
	float:right;
	width : 80px;
	height : 20px;
	background-color: #009e0f;
	text-align : center;
	font-weight : bold;
	padding-top:6px;
	color : #FFFFFF;
}

.deal-table {
	width:100%;
	margin:0px;
	padding:0px;
	border : 1px solid #8A8A8A;
}

.deal-table thead{
	background-color : #65B575;
}

.deal-table thead tr{
	border : 0px solid white;
}
.deal-table tbody tr{
	border : 1px solid #8A8A8A;
}
.deal-table tbody td{
	border : 1px solid #8A8A8A;
}

#checkdeal {
	margin:0 auto;
	width:100%;
	height : 100%;
	margin-left:auto;
	background-color: #FFFFFF;
	padding-top:10px;
	padding-bottom:10px;
}
#checkdeal .content {
	margin-left:350px;
	width:500px;
	font-size : 20px;
	font-weight : bold;
}
